<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滴答办公系统-部门列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="media/layui/css/layui.css" media="all">
<script src="media/js/jquery.min.js"></script>
</head>
<body>
	<div class="layui-container">
		<table id="tbdata" lay-filter="tbop"></table>
		<script type="text/html" id="barop">
			<a class="layui-btn layui-btn-normal" lay-event="detail">详情</a>
    		<a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    		<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
		</script>
	</div>
	<script src="media/layui/layui.js"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<script>
		layui.use('table', function() {
			var table = layui.table;
			var tableContent = new Array();
			//第一个实例
			table.render({
				elem : '#tbdata',
				url : 'gradequeryall.do' //数据接口
				,
				page : true //开启分页
				,
				data : tableContent,
				cols : [ [ //表头
                    {type:'checkbox'},
				{
					field : 'id',
					title : '序号',
					sort : true,
					fixed : 'left'
				}, {
					field : 'name',
					title : '班级名称'
				}, {
					field : 'createtime',
					title : '成立日期'
				}, {
					field : 'week',
					title : '周期'
				}, {
					field : 'location',
					title : '班级位置'
				}, {
					field : 'right',
					title : '操作',
					toolbar : "#barop",
					width:250
				} ] ]
			});
			console.log(tableContent);
			//监听工具条
			table.on('tool(tbop)', function(obj) {
				var data = obj.data;
				console.log(data);
				if (obj.event === 'del') {
					layer.confirm('是否确认删除部门?', function(index) {
						$.ajax({
							url : "gradedelete.do",
							type : "POST",
							data : "id=" + data.id,
							success : function(data) {
								if (data.code == 1000) {
									obj.del();//删除表格中的对应行数据
									layer.close(index);
									layer.msg("删除成功", {
										icon : 6
									});
								} else {
									layer.msg("删除失败", {
										icon : 5
									});
								}
							}
						});
					});
				} else if (obj.event === 'edit') {//编辑 修改
					location.href = "gradeupdate.html?data="
							+ encodeURI(JSON.stringify(data));
				} else if (obj.event === 'detail') {//详情
					layer.open({
						type: 2,
						  title: data.name+'的班级学生列表',
						area:['90%','90%']
						  ,content: 'studentlistbycno.html?cno='+data.id
						,closeBtn: 1,
						maxmin:true,
						shadeClose:true
						});      
				}
			});
		});

		//编辑方法  修改
		function EidtUv(data, value, index, obj) {
			$.ajax({
				url : "departupdate",
				type : "POST",
				data : "id=" + data.id + "&name=" + value,
				success : function(data) {
					if (data.code == 1000) {
						layer.close(index);
						//同步更新表格和缓存对应的值
						obj.update({
							name : value
						});
						layer.msg("修改成功", {
							icon : 6
						});
					} else {
						layer.msg("修改失败", {
							icon : 5
						});
					}
				}

			});
		}
	</script>
</body>
</html>